<div id="page-title">
	<h1 class="page-heading">Page : PortFolio</h1>
</div>
<div id="breadcrumb" class="transparent">
	<p>
		<img src="<{$APPLICATION_URL}>/Themes/Default/Images/res-img/home.png"
			class="home" alt=""> <a href="<{$APPLICATION_URL}>">Home</a> / <a
			href="<{$APPLICATION_URL}>/Browse/Design">Website Designs</a>
	</p>
</div>
<div id="main-content">
	<article id="main-article">
	<h4 class="article-title">See Our Website Designs</h4>
	<p id="front-para">Lorem ipsum dolor sit amet, consectetur adipisicing
		elit, sed do eiusmod tempor incididunt ut labore et dolore magna
		aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
		laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor
		in reprehenderit in voluptate velit esse cillum dolore eu.</p>
	<ul id="filtering-nav">
		<li><a class="all" href="<{$APPLICATION_URL}>/Browse/Design">All</a></li> <{foreach item=catEntity
		from=$catList}>
		<li><a class="group1"
			href="<{$APPLICATION_URL}>/Browse/Design/Index/catId/<{$catEntity->id}>"><{$catEntity->name}></a>
		</li> <{/foreach}>

	</ul>
	<div class="wrap">
		<{assign var=i value =0}>
		<{foreach item=templateEntity from=$itemList}>
		<{assign var=id value =$templateEntity->id}>
		<{assign var=mainPhotoId value =$templateEntity->picture}>
		<{assign var=mainPhoto value =$templatePhotoDataService->getById($mainPhotoId)}>
		<{assign var=listPhoto value =$templatePhotoDataService->getPhotos($id)}>
		<{assign var=j value =1}>
		<div class="box group1">		
			<div class="hoverable">
				<{if $mainPhoto}>
					<a href="<{$mainPhoto->getImage()}>"
					rel="prettyPhoto[gallery<{$i}>]" class="hoverable-link"> <img
					src="<{$mainPhoto->getImage()}>"
					alt="<{$mainPhoto->title}>"</a> <a href="#" class="hoverable-over"></a>
				<{/if}>
				<{foreach item=templatePhotoEntity from=$listPhoto}>	
				<{if $templatePhotoEntity->id != $mainPhotoId}>	
				<a href="<{$templatePhotoEntity->getImage()}>"
					rel="prettyPhoto[gallery<{$i}>]" class="hoverable-link"> <img
					src="<{$templatePhotoEntity->getImage()}>"
					alt="<{$templatePhotoEntity->title}>" <{if $j != 0}> style="display:none;" <{/if}> /> </a> <a href="#" class="hoverable-over"></a>
				
					<{assign var=j value =$j+1}>
				<{/if}>
				<{/foreach}>
			</div>
			<div class="project-content">
				<a href="#"><{$templateEntity->name}></a>
				<p><{$templateEntity->description}></p>
				<em>Date : <{$templateEntity->createdDate|date_format}></em>
			</div>
		</div>
		<{assign var=i value=$i+1}>
		<{/foreach}>
		
	</div>
	<br>
	</article>
	<div class="paging" style="text-align:center;">
			<{$pageLink}>
			</div>
</div>
<div class="space transparent">
	<a href="#top" id="scroll-top"><img
		src="<{$APPLICATION_URL}>/Themes/Default/Images/res-img/top.png"
		alt=""> </a>
</div>
